﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript" src="/Scripts/jquery-1.4.1.min.js"></script>
    <link href="/Styles/NewStyles.css" type="text/css" rel="Stylesheet" />
    <script language="javascript" type="text/javascript" src="/Scripts/common.js"></script>
    <link href="/Styles/ModalPopupStyles.css" type="text/css" rel="Stylesheet" />
    <style type="text/css">
        /*#menubar {
	        WIDTH: 100%
        }*/
        #menubar img{
	        float:left;
	        margin:1px 5px 0px 5px;
        }
        #menubar {
	        PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-TOP: #999999 1px solid; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
        }
        #menubar UL {
	        PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; /*BORDER-TOP: #999999 1px solid;*/ LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
        }
        #menubar A {
	        BORDER-LEFT: #999999 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #000; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 0px
        }
        #menubar A.trigger {
	        Z-INDEX: 100; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
        }
        #menubar A.trigger2 {
	        Z-INDEX: 100; PADDING-BOTTOM: 5px; PADDING-LEFT: 6px; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: 400; PADDING-TOP: 5px
        }
        #menubar LI {
	        POSITION: relative; WIDTH: auto; FLOAT: left;
        }
        #menubar LI UL {
	        WIDTH: 17em;
        }
        #menubar UL LI {
	        WIDTH: 17em;
        }
        #menubar LI UL {
	        BORDER-BOTTOM: #333333 1px solid; POSITION: absolute; BACKGROUND-COLOR: #ffffff; DISPLAY: none; BORDER-RIGHT: #333333 1px solid
        }
        #menubar LI:hover A {
	        BACKGROUND-COLOR: red; COLOR: #ffffff;
        }
        #menubar A:focus {
	        BACKGROUND-COLOR: red; COLOR: #ffffff;
        }
        #menubar A:active {
	        BACKGROUND-COLOR: red; COLOR: #ffffff;
        }
        /*#menubar LI.p7hvr A {
	        BACKGROUND-COLOR: red; COLOR: #ffffff;
        }*/
        #menubar LI:hover UL {
	        Z-INDEX: 100; DISPLAY: block;
        }
        /*#menubar LI.p7hvr UL {
	        Z-INDEX: 100; DISPLAY: block;
        }*/
        #menubar LI:hover UL A {
	        BACKGROUND-COLOR: transparent; COLOR: #000000;
        }
        /*#menubar LI.p7hvr UL A {
	        BACKGROUND-COLOR: transparent; COLOR: #000000;
        }*/
        #menubar UL A:hover {
	        BACKGROUND-COLOR: red !important; COLOR: #ffffff !important;
        }
        /*.MenuGroup
        {
	        text-align:center;
	        border-left:#999999 1px solid;
	        border-right:#999999 1px solid;
	        background-color:#CECDCD;
	        font-weight:bolder;
	        height:15px;
	        padding:0px;
	        padding-top:2px;		
        }*/
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="topmenucontainer">
        <div style="width: 100%;">
            <div id="menuwrapper">
                <ul id='menubar'>
                    <li>
                        <a class='trigger' href='javascript:void(0);'>Home</a>
                        <ul>
                            <li>
                                <a class='trigger2' href='/Default.aspx'>Home</a>
                            </li>
                            <li>
                                <a class='trigger2' href='/Pages/Private/PerformenceTable.aspx'>Performance</a>
                            </li>
                        </ul>
                    </li>                    
                </ul>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
